<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      >-->

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Annuaire des restaurants</title>
<!-- <meta charset="utf-8"> -->
<!--
<h:outputStylesheet library="css" name="reset.css" />
<h:outputStylesheet library="css" name="layout.css" />
<h:outputStylesheet library="css" name="style.css" />
-->
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="../resources/css/style.css" rel="stylesheet" type="text/css" media="screen" />


<h:outputScript library="js" name="jquery-1.4.2.min.js" />
<h:outputScript library="js" name="cufon-yui.js" />
<h:outputScript library="js" name="cufon-replace.js" />
<h:outputScript library="js" name="jquery.twitter.js" />
<h:outputScript library="js" name="blogger.js" />
<h:outputScript library="js" name="script.js" />
<h:outputScript library="js" name="Swis721_BT_400.font.js" />
<h:outputScript library="js" name="Swis721_Lt_BT_400.font.js" />
<h:outputScript library="js" name="Swis721_Blk2_BT_400.font.js" />
<h:outputScript library="js" name="jquery.jqtransform.js" />

</h:head>

<h:body>
<div class="tail-top-right"></div>
<!-- header -->
<header>
   <div class="container"><a href="../resources/login.faces" class="login">Login</a>
      <nav>
         <ul>
            <li><a href="../default.htm" class="active"><span><span>Accueil</span></span></a></li>
            <li><a href="../resources/listRestaurants.faces"><span><span>Restaurants A-Z</span></span></a></li>
         </ul>
      </nav>
      <h1><a href="#">Restaurant review</a></h1>
      <div class="slogan"></div>

   </div>
</header>
<div class="tail-middle">
   <div class="container splash">
      <!-- aside -->
      <aside>
         <div class="inside">
        <!--    <div class="banner1"><a href="#"><img src="images/banner1.jpg" /></a></div>
            <div class="banner2"><a href="#"><img src="images/banner2.jpg" /></a></div> -->
            <h3>Menu:</h3>
            <ul class="list">
               <li><b><a href="../resources/listRestaurants.faces">Liste des Restaurants</a></b></li>
               <li><b><a href="../resources/listVilles.faces">Liste des villes</a></b></li>
               <li><b><a href="../resources/listCuisines.faces">Liste des cuisines</a></b></li>
               <li><b><a href="../resources/listPrixs.faces">Liste des prix</a></b></li>
               <li><b><a href="../resources/listCadres.faces">Liste des cadres</a></b></li>
            </ul>
         </div>
      </aside>
      <!-- content -->
      <section id="content">
         <h3>Food rating:</h3>
         <div class="banner-list">
            <ul>
               <li><a href="#"><img src="images/1page-img1.jpg" /><strong>Vietnamese seafood rolls<br />
                  <b>$32.90</b> <span></span><span></span><span></span><span></span></strong></a></li>
               <li><a href="#"><img src="images/1page-img2.jpg" /><strong>Turkey with bilberry gravy<br />
                  <b>$23.78</b> <span></span><span></span><span></span></strong></a></li>
               <li class="alt"><a href="#"><img src="images/1page-img3.jpg" /><strong>Crabs &amp; baked potatoes<br />
                  <b>$45.50</b> <span></span><span></span></strong></a></li>
               <li><a href="#"><img src="images/1page-img4.jpg" /><strong>Cream &amp; strawberry cake<br />
                  <b>$19.50</b> <span></span></strong></a></li>
               <li><a href="#"><img src="images/1page-img5.jpg" /><strong>Vegetarian soup with spinach<br />
                  <b>$14.90</b> <span></span><span></span><span></span><span></span><span></span></strong></a></li>
               <li class="alt"><a href="#"><img src="images/1page-img6.jpg" /><strong>Maize tosts with fruits<br />
                  <b>$15.50</b> <span></span><span></span><span></span><span></span></strong></a></li>
            </ul>
         </div>
         <div class="wrapper"><a href="#" class="link1"><em><b>view more</b></em></a></div>
         <h2>Welcome to our website!</h2>
         <p class="txt1">Mauris vel tortor vitae nibh condimentum auctor. Integer ac lacus. Cum sociis natoque penatibus et. magnis dis parturient montes asctur ridiculus mus. In purus ante ornare id rutrum sit amet, condimentum rhoncus ligula. Nunc dignissim tristique ipsum. </p>
         <div class="line-ver1"><div class="wrapper line-ver2">
            <article class="col-1">
               <h4>Restaurant<br />
                  news</h4>
               <h5>06-22-10</h5>
               <p class="p1">Mauris vel tortor vitae nibh condi- mentum auctor. Integer ac lacus cum sociis natoque penatibus.</p>
               <div class="wrapper"><a href="#" class="link2"><em><b>view more</b></em></a></div>
            </article>
            <article class="col-2">
               <h4>Culinary<br />
                  events</h4>
               <h5>06-22-10</h5>
               <p class="p1">Mauris vel tortor vitae nibh condi- mentum auctor. Integer ac lacus cum sociis natoque penatibus.</p>
               <div class="wrapper"><a href="#" class="link2"><em><b>view more</b></em></a></div>
            </article>
            <article class="col-3">
               <h4>Food<br />
                  rating</h4>
               <p class="p1">Mauris vel tortor vitae nibh condi- mentum auctor. Integer ac lacus cum sociis natoque penatibus
                  et magnis dis parturient. </p>
               <div class="wrapper"><a href="#" class="link2"><em><b>view more</b></em></a></div>
            </article>
         </div></div>
      </section>
      <div class="clear"></div>
   </div>
</div>
<!-- footer -->
<footer>
   <div class="container">
      <div class="inside">
         <div class="wrapper">
            <article class="col-1"><b>Restaurant Review</b> &copy; 2010<br />
               <a href="#">Privacy Policy</a><br />
               <!--{%FOOTER_LINK}-->
            </article>
            <article class="col-2"><span><a href="#">General Contact Form</a></span><br />
               Email: <a href="#">info@restaurantreview.com</a><br />
               Tel: <b>1-800-458-4587</b></article>
            <div id="log">
                <form method="post" action="j_security_check" >
                    <table>
                        <tr>
                            <td>Nom d'utilisateur :</td>
                            <td><input type="text" name="j_username" /></td>
                        </tr>
                        <tr>
                            <td>Mot de passe :</td>
                            <td><input type="password" name="j_password" /></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="submit" name="submit" value="Connexion" /></td>
                        </tr>
                    </table>
                </form>
            </div>
         </div>
      </div>
   </div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>

</h:body>
</html>
